<!doctype html>
<html lang="en" id="activity_list" v-cloak>
    <head>
        <meta charset="UTF-8">
        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
        <meta content="yes" name="apple-mobile-web-app-capable" />
        <title>爱的约定</title>
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
        <link rel="stylesheet" href="lib/weui/dist/style/weui.min.css">
        <link rel="stylesheet" href="css/reset.css">
        <link rel="stylesheet" href="css/iconfont.css">
        <link rel="stylesheet" href="css/common.css">
        <link rel="stylesheet" href="css/activity_list.css">
    </head>
    <body>
        <div class='common-header'>
            <!--         <div class='left'>
                <a href="index.html">
                    <i class='iconfont icon-left'></i>
                </a>
            </div> -->
            <div class="middle">交友活动</div>
            <div class="right" onclick="window.location.href = 'add_page.html' "><i class='iconfont'>&#xe623;</i>{{defaultAdd}}</div>
        </div>
        <div class='tabs common-tab scroll-tabs'>
            <div class='tab-title'>
                <div style="overflow-x: scroll;white-space:nowrap;">
                    <a v-bind:class="{'active':curNum==-1}" href="javascript:;" @click="selectAll()">全部</a>
                    <a v-bind:class="{'active':curNum==$index}" href="javascript:;" v-for="tab in tabsName" @click="switchTab(tab.id,$index)">
                        {{tab.name}}
                    </a>
                </div>
            </div>
            <div class="line"></div>
        </div>
        <div class="banner" v-for="item in renderObj.listArr" @click="goDetail(item.id)">
            <div class="banner-hd">
                <img :src="picServer+item.img" style="height: 172px;">
                <!--<img class="finished" v-if="item.state===1" src="img/finished.png" alt="">
                <img class="finished" v-if="item.state===0" src="img/finished1.png" alt="">-->
                <div class="banner-content">
                    <div class='left'>
                        <p>{{item.title}}</p>
                        <p class="info">{{item.info}}</p>
                        <span class="pull-left">
                            <i class="iconfont icon-clock"></i>
                            <span>
                                {{item.activityTime.substring(0,10)}} {{item.specificTime}}
                            </span>
                        </span>
                        <span class="pull-right">
                            已有{{item.rs}}人报名
                        </span>
                    </div>
                </div>
            </div>
            
            <div class="banner-foot">
                <button class="gary-btn pull-right" v-if="item.state==1">活动已结束</button>
                <button class="blue-btn pull-right" v-if="item.state!=1">免费报名</button>
                <!--<button class="orange-btn pull-right">查看已报名</button>-->
            </div>
            <div class='block'></div>
        </div>
        <!-- <div v-if=" bottomTxt!='' ">人家是有底线的！~</div> -->
        <p class="no-data">{{bottomTxt}}</p>

        <!-- footer -->
        <div class='footer'>
            <a href="index.html">
                <i class='iconfont'>&#xe611;</i>
                <p>首页</p>
            </a>
            <a class='active' href="activity_list.html">
                <i class='iconfont'>&#xe64d;</i>
                <p>活动</p>
            </a>
            <a href="friend_index.html">
                <i class='iconfont ta'>&#xe62a;</i>
                <p>TA</p>
            </a>
            <a href="mood.html">
                <i class='iconfont ss'>&#xe66a;</i>
                <p>说说</p>
            </a>
            <a href="uc_index.html">
                <i class='iconfont self'>&#xe66f;</i>
                <p>个人</p>
            </a>
        </div>
    </body>
    <script>var app = 'activity_list';</script>
    <script data-main="js/common/require_config" src="lib/requirejs/require.js"></script>
</html>